<template>
    <div class="user_data">
      <ul class="user_info">
        <li><span>现居住地</span><i>山东&nbsp;青岛</i></li>
        <li><span>签名</span><p>与你分享我的观点，weibo：Alex Wang</p></li>
        <li><h3>社交账号</h3></li>
        <li><span>QQ</span><p>192882684</p></li>
        <li><span>微信</span><p>daisy0609</p></li>
        <li><span>微博</span><p>daisy</p></li>
        <li><h3>关注领域</h3></li>
        <li>
            <div>科技</div>
            <div>娱乐</div>
            <div>媒体</div>
         
        </li>
      </ul>
    </div>
</template>
<script>
export default {
    data() {
      return{}
    },
    methods:{}
}
</script>
<style lang="stylus" scoped>
.user_data
  width 100%
  padding-top .12rem
  .user_info
    width 92%
    margin-left 4%
    display flex
    flex-direction column
    li
      flex 1
      line-height .32rem
      span
        display inline-block
        width .56rem
        color #999
      i 
        margin-left 7%
      p
        display inline-block
        color #999
        margin-left 7%
      h3
        padding-top .08rem
        
    li:last-child
      display flex
      padding-top .12rem
      div
        width 20%
        height .34rem
        text-align center
        background-color #b4cdff
        color #fff
        border-radius 10%
        margin-right 5%

</style>